iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
0
Modern Web

資料視覺化!D3入門到實戰系列 第 2

Day2 簡介_為什麼使用D3

  • 分享至 

  • xImage
  •  

現在有相當多能用在網頁上的圖表套件,例如易用又美觀的 Chart.js 、提供多樣化視覺圖表的 HighCharts ,以及近期日趨完善的的 Google Charts ,若使用前端框架也有相對應處理好的元件。那麼為什麼我們要使用學習門檻較高的D3?

選擇D3的理由不外乎以下三個:

  1. 使用彈性高
    D3建置圖表的方式可以說是用一磚一瓦堆疊起來,幾乎每個元素都是你自己裝上去的,自然樣式、使用方式跟呈現上的就能非常客製化,也能吃各種你自己定義的資料格式。D3只提供你一些基礎的api,你能將你的圖表打造成自己心目中的樣子。

  2. 龐大社群支援
    使用D3的人來自世界各地,人數相當多,網路上的資源非常豐富,官方文件上也有官方與社群的開源Example(https://github.com/d3/d3/wiki/Gallery ),因此即使上手困難,也能從這些開源專案當中找到適合自己的template,不論是在學習或是實際應用上都會有幫助。

  3. 數據處理能力
    D3除了視覺化以外,其實本身就是一個很強大的處理資料工具,所以即使你沒有要畫華麗的圖表,你也能透過D3處理數據以及渲染網頁。

在理解D3的優點以後,接下來終於能開始動手做囉!


上一篇
Day1 前言_什麼是資料視覺化
下一篇
Day3 SVG 基礎
系列文
資料視覺化!D3入門到實戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Yanwei Liu
iT邦新手 4 級 ‧ 2019-09-14 09:55:46

Google Charts 的連結放到HighCharts的了

我要留言

立即登入留言